﻿.head {
    height: 40px;
}

.head .navbar-nav > li {
}

.head .navbar-nav > li > a {
    padding: 10px 15px;
    font-size: 14px;
}

.head .togglebar,
.head .togglebar:focus,
.head .togglebar:active {
    position: relative;
    padding: 6px 10px !important;
    margin: 0;
    border: 0;
    border-radius: 0;
    font-size: 20px !important;
    line-height: 28px;
    float: left;
    display:block;
}

.head .navbar-nav > li > a .new,
.head .togglebar .new{
    font-size: 10px;
    margin: -3px 8px;
    position: absolute;
    z-index: 1000;
    padding: 2px 5px;
}

.head .dropdown-menu {
    min-width: 140px;
    padding: 2px;
    position: absolute !important;
}

.head .dropdown-menu .divider {
    margin: 2px 0;
}

.head .dropdown-menu > li > a {
    padding: 8px;
}

.head .dropdown-menu > li > a > span {
    display: block;
}

.head .dropdown-menu > li > a > .subject {
}

.head .logobar {
    float: left;
}

.head .logobar .navbar-brand {
    padding: 7px;
}

.head .logobar .navbar-brand img {
    height: 100%;
    width:100%;
}

.head .navbar {
    width: auto;
    margin: 0;
    border: 0;
    z-index: 1000;
    display: none;
    margin-left: 220px;
    position: relative;
}

@media (min-width: 768px) {

    .head .navbar {
        display: block;
    }
}

.head .navbar .nav-channel {
    position: relative;
    float: left;
    height: 100%;
    z-index: 999 !important;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {

    .head .navbar .nav-channel {
        display: block;
    }
}

.head .navbar .nav-channel > ul {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1 !important;
}

.head .navbar .nav-channel > ul > li {
}

.head .navbar .nav-channel > ul > .more {
    display: none;
}

.head .navbar .nav-channel > ul > li > a {
}

.head .navbar .nav-channel > ul > li > a[data-val]:hover,
.head .navbar .nav-channel > ul > li > .actived {
}

.head .navbar .nav-channel > ul > li > .dropdown-menu {
}

.head .navbar .nav-task {
    position: relative;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {

    .head .navbar .nav-task {
        float: right;
        display: block;
    }
}

.head .navbar .nav-task > ul {
    margin: 0;
    padding: 0;
}

.head .minibar {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    margin-left: 180px;
}

.head .minibar > ul {
    margin: 0;
    padding: 0;
}

.head .minibar .pull-right {
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.head .mini-navbar {
    background-color: inherit;
}

.head .mini-navbar > div {
    background-color: inherit;
    display: none;
    width: 100%;
    position: absolute;
}

@media (min-width: 768px) {
    .head .minibar {
        display: none;
    }

    .head .mini-navbar {
        display: none;
    }
}
.head .navbar .nav-msg li {
    
}
.head .navbar .nav-msg li a{
}
.head .navbar .nav-msg li .title{
    color:inherit;
}

.main {
    height: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
}

@media (min-width: 768px) {
    .main {
        height: calc(100% - 70px);
        height: -webkit-calc(100% - 70px);
        height: -moz-calc(100% - 70px);
    }
}
/*left begin*/

.main .nav-list {
    padding: 0px;
    margin: 0px;
}

.main .nav-list > li {
}

.main .nav-list > li > a {
    padding: 0px;
    margin: 0px;
}

.main .dock-panel {
    /*border-right-width: 1px;
    border-right-style: solid;*/
    display: none;
    position: absolute;
    opacity: 0.7;
    height: 100%;
    float: left;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

@media (min-width: 768px) {
    .main .dock-panel {
        display: block;
        position: relative;
        opacity: 1;
    }
}

.main .dock-panel .menubar i {
    width: 16px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
}

.main .dock-panel .menubar .home {
    display: block;
    padding: 10px;
    position: relative;
}
.main .dock-panel .menubar .home:hover {
    
}
.main .dock-panel .menubar .home i{
}
.main .dock-panel .menubar .home span{
    padding-left:10px;
}
.main .dock-panel .menubar ul {
    display: none;
    border: 0;
}

.main .dock-panel .menubar ul > li {
    border: 0;
    margin: 0;
    padding: 0;
}

.main .dock-panel .menubar ul > li > a .menu-icon {
}

.main .dock-panel .menubar ul > li > a .menu-title {
    padding-left: 10px;
}

.main .dock-panel .menubar ul > li > a .menu-label {
}
.main .dock-panel .menubar .menu {
    display: block;
}

.main .dock-panel .menubar .menu > li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}

.main .dock-panel .menubar .menu > li > a,
.main .dock-panel .menubar .menu > li > a:focus {
    text-decoration: none;
    padding: 10px;
    display: block;
    position: relative;
    background: inherit;
}
.main .dock-panel .menubar .menu > li > a .pull-right{
    margin-top:2px;
}
.main .dock-panel .menubar .sub {
    clear: both;
    border: 0 !important;
}

.main .dock-panel .menubar .sub > li {
}

.main .dock-panel .menubar .sub > li > a,
.main .dock-panel .menubar .sub > li > a:focus,
.main .dock-panel .menubar .sub > li > a:hover {
    border-left-width: 0;
    border-left-style: solid;
    text-decoration: none;
    padding: 8px 15px;
}
.main .dock-panel .menubar .sub > li > a .pull-right {
    margin-top: 2px;
}

@media (min-width: 768px) {
    .main .dock-panel .menubar .sub > li > a,
    .main .dock-panel .menubar .sub > li > a:focus,
    .main .dock-panel .menubar .sub > li > a:hover {
        border-left-width: 3px;
    }
}

/*** fix panel ***/
.main .fixed {
    overflow-x: hidden;
    overflow-y: auto;
}

.main .fixed .menubar {
    width: 220px;
}

.main .fixed::-webkit-scrollbar {
    width: 0;
}

.main .fixed::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 4px;
    background-color: inherit;
}

.main .fixed::-webkit-scrollbar-track {
    width: 6px;
    border-radius: 6px;
    background-color: inherit;
}

.main .fixed:hover::-webkit-scrollbar {
    width: 6px;
    background-color: inherit;
}

.main .fixed:hover::-webkit-scrollbar-thumb {
}

.main .fixed:hover::-webkit-scrollbar-track {
}

.main .fixed::-webkit-scrollbar-thumb:hover {
}

/*** popup panel ***/
.main .popup {
    overflow: visible;
}

.main .popup .menubar {
    width: 40px;
}

.main .popup .menubar .menu > li:hover {
    width: 240px !important;
    position: relative !important;
    z-index: 2000;
    display: block !important;
}

.main .popup .menubar .menu > li > a {
}

.main .popup .menubar .menu > li > a .menu-title {
    padding-left: 15px;
    display: none;
}

.main .popup .menubar .menu > li > a .pull-right {
    display: none;
}

.main .popup .menubar .menu > li:hover > a {
}

.main .popup .menubar .menu > li:hover > a .menu-title {
    display: inline !important;
}

.main .popup .menubar .menu > li:hover > .sub {
    width: 199px;
    position: absolute;
    z-index: 2000;
    left: 41px;
    display: block !important;
    -moz-box-shadow: 1px 2px 1px #a2a4ac;
    box-shadow: 1px 2px 1px #a2a4ac;
}

.main .popup .menubar .sub {
    clear: both;
}

.main .popup .menubar .sub > li {
}

.main .popup .menubar .sub > li > a,
.main .popup .menubar .sub > li > a:focus {
    text-decoration: none;
    padding: 8px 15px;
}

.main .popup .menubar .sub > li:hover {
}
/*left end*/

/*work space begin*/

.main .workspace {
    padding: 0;
    margin: 0;
    height: 100%;
}

@media (min-width: 768px) {
    .main .workspace {
        margin-left: 220px;
    }
}

.main .workspace .nav-tabs {
    border: 0;
}

.main .workspace .nav-tabs > li {
    margin: 0;
    margin-top: 2px;
}

.main .workspace .nav-tabs > li > a, 
.main .workspace .nav-tabs > li > a:focus {
    border-radius: 0px;
    padding: 6px;
    height: 32px;
}
.main .workspace .nav-tabs > li > a:hover {
    border-radius: 0px;
}
.main .workspace .nav-tabs > li > a > .title {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 120px;
    padding: 0 3px;
}
.main .workspace .nav-tabs > li > a > .fa {
    padding: 3px;
    float:left;
}
.main .workspace .nav-tabs > li > a > .remove {
    float:right;
}

.main .workspace .nav-tabs > .active {
}

.main .workspace .nav-tabs > .active > a {
    border-radius: 0px;
}

.main .workspace .nav-tabs > .active > a > i {
    
}

.main .workspace .nav-tabs > .active > a > i:hover {
    
}


.main .workspace .tabs-container {
    display: none;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    .main .workspace .tabs-container {
        display: block;
    }
}

.main .workspace .tabs-container .home {
}

.main .workspace .tabs-container .home a {
    display: block;
    font-size: 22px;
    padding: 2px 5px;
}

.main .workspace .tabs-container .home a:hover {
    text-decoration: none;
}

.main .workspace .tabs-container .tabitems-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding-right: 80px;
    height: 34px;
    overflow: hidden;
}

.main .workspace .tabs-container .tabitems-wrap .nav-tabs {
    width: 10000px;
    position: absolute;
}

.main .workspace .tabs-container .tabs-scroller {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    z-index: 999;
}

.main .workspace .tabs-container .tabs-scroller .nav-tabs-scroller {
    margin: 0;
}

.main .workspace .tabs-container .tabs-scroller .nav-tabs-scroller > li {
    border: 0;
}

.main .workspace .tabs-container .tabs-scroller .nav-tabs-scroller > li > a,
.main .workspace .tabs-container .tabs-scroller .nav-tabs-scroller > li > a:focus {
    display: block;
    border: 0;
    border-radius: 0px;
    padding: 7px;
}

.main .workspace .tabs-container .tabs-scroller .nav-tabs-scroller > li > a:hover {
}

.main .workspace .tabs-container .tabs-scroller .nav-tabs-scroller > li > .enabled {
}

.main .workspace .tabs-container .tabs-scroller .nav-tabs-scroller > li > .enabled:hover {
}


.main .workspace .tabpages-container {
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .main .workspace .tabpages-container {
        height: calc(100% - 35px);
        height: -webkit-calc(100% - 35px);
        height: -moz-calc(100% - 35px);
    }
}

.main .workspace .tabpages-container .content {
    display: none !important;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.main .workspace .tabpages-container .content iframe {
    width: 100%;
    height: 100%;
}

.main .workspace .tabpages-container .current {
    display: block !important;
}

.foot {
    min-height: 30px;
    display: none;
}

@media (min-width: 768px) {
    .foot {
        display: block;
    }
}
